<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<!-- @ daoke.css begin -->
	<link href="https://cdn.jsdelivr.net/npm/purecss/build/grids-min.css" type="text/css" rel="stylesheet">
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link id="theme" href="https://cdn.jsdelivr.net/npm/feidao-css/theme/blue.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes.css">
	<!-- @ daoke.css end -->
	<!-- @widgets dependencies begin -->
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
	<!-- @widgets dependencies end -->
	<!-- @atom dependencies begin -->
	<script src="https://cdn.jsdelivr.net/npm/qiniu-js/dist/qiniu.min.js"></script>
	<!-- @atom dependencies end -->
	<script src="https://cdn.jsdelivr.net/npm/@dojo/loader/loader.min.js"></script>
	<script type="text/javascript">
		(() => {
			const baseUrl = '../../node_modules/';
			require.config({
				baseUrl: baseUrl,
				packages: [{
					// 框架依赖
					name: '@feidao/core',
					location: '@feidao/core/umd'
				}, {
					// 框架依赖
					name: 'he',
					location: './he',
					main: 'he.js'
				}, {
					// 框架依赖
					name: 'node-html-parser',
					location: 'node-html-parser/dist/umd',
					main: 'index'
				}, {
					// 框架依赖
					name: 'nools-ts',
					location: 'nools-ts/umd'
				}, {
					// 框架依赖
					name: 'javascript-state-machine',
					location: './javascript-state-machine',
					main: 'state-machine'
				}, {
					// 框架依赖
					name: 'mqtt',
					location: './mqtt/dist',
					main: 'mqtt'
				}, {
					// 框架依赖
					name: '@feidao/web',
					location: '@feidao/web/umd'
				}, {
					// 框架依赖
					name: 'lodash-ts',
					location: 'lodash-ts/umd'
				}, {
					// 框架依赖
					name: 'dask',
					location: 'dask/umd',
					main: 'index'
				}, {
					// 框架依赖
					name: 'tencent-wx-jssdk',
					location: './tencent-wx-jssdk',
					main: 'index.js'
				}, {
					// 控件依赖
					name: '@feidao/widgets',
					location: '@feidao/widgets/umd'
				}, {
					// 控件或原子操作依赖
					name: '@feidao/animation',
					location: '@feidao/animation/umd',
					main: 'index'
				}, {
					// 控件依赖
					name: '@feidao/bscroll',
					location: '@feidao/bscroll/dist',
					main: 'bscroll.js'
				}, {
					// 控件依赖
					name: '@feidao/datepicker.js',
					location: '../node_modules/@feidao/datepicker.js',
					main: 'datepicker'
				}, {
					// 原子操作依赖
					name: 'dot',
					location: 'dot',
					main: 'doT'
				}, {
					// 控件依赖
					name: 'i18next',
					location: './i18next',
					main: 'i18next'
				}, {
					// 控件依赖
					name: 'bootstrap-multiselect',
					location: '../node_modules/bootstrap-multiselect',
					main: 'dist/js/bootstrap-multiselect'
				}]
			});
			require(['../dist/@page/nb'], function (main) {
				const url = window.location.href;
				main.default(url).then((res) => {
					document.body.innerHTML = res;
					require(['../dist/@page/b']);
				});
			});
		})();
	</script>
</head>

<body>
	<!-- body begin -->
	<div class="container">
		<div class="row ">
			<div class=" col24">
				<section>
					<div id="@component" class=" pos-r" style="height:11.9rem;width:11.88rem;" data-feidao-props='{"abc":"lalala"}'>
						<div class=" pos-a border" style=" width:11.88rem; top:0rem; height:1.8rem; left:0rem;">
							<div data-feidao-presentation="P_01" class=" pos-a bg-f4 border-b" style=" width:11.86rem; top:0rem; height:0.4rem; left:0rem;">
								<span class=" pos-a bg-fff font-b" style=" line-height:0.4rem; height:0.4rem; top:0rem; width:1.4rem; left:0rem; text-align:center;border-bottom:1px solid #fff;border-right:1px solid #ccc;">友情链接</span>
							</div>
							<div data-feidao-presentation="P_02" class=" pos-a" style=" overflow-y:auto; width:11.5rem; top:0.5rem; height:1.2rem; left:0.2rem;">&nbsp;</div>
						</div>
					</div>
				</section>
			</div>
		</div>
		<div class="row ">
			<div class=" col24">
				<section>
					<div>
						<strong>@component</strong>
					</div>
					<div data-feidao-type="@component" id="@component">
						服务端渲染，dask
					</div>
				</section>
			</div>
		</div>
		<div class="row ">
			<div class=" col24">
				<section>
					<div>
						<strong>@component</strong>
					</div>
					<div data-feidao-type="@component" id="@component" data-feidao-actions="click:eu01" style="width:200px;height:200px;border: solid;">
						dask + nools
						<div style="width:100px;height:100px;border: solid;" data-feidao-actions="click:eu02">子节点</div>
					</div>
				</section>
			</div>
		</div>
	</div>
	<!-- body end -->
</body>

</html>